{{!connect "theme/popup/widgets.css"}}
<div class="popup-body popup-widgets" id="addwidgetform" style="display: none;"><div class="bg1-">
	<div class="bg2-"></div><div class="bg3-"></div><div class="bg4-"></div><div class="bg5-"></div>
	<h4 class="title-">Добавить виджет</h4>
	<div class="fields- form-common"><div class="bgg1-"><div class="bgg2-"><div class="bgg3-">
	<div id="tab-div">
		<ul class="menu-">
			<li class="item-" style="display:none;"><a href="#FakeItem"><span>Fake Item</span></a></li>
			<li class="item-"><a href="#LastCommentedItemsWidget"><span>Комментарии</span></a></li>
			<li class="item-"><a href="#LastDocsWidget"><span>Лента записей</span></a></li>
			<li class="item-"><a href="#UserListWidget"><span>Пользователи</span></a></li>
			<li class="item-"><a href="#GalleryWidget"><span>Галерея</span></a></li>
			<li class="item-"><a href="#FilesWidget"><span>Файлы</span></a></li>
			<li class="item-"><a href="#CalendarWidget"><span>Календарь</span></a></li>
			<li class="item-"><a href="#StatsWidget"><span>Статистика</span></a></li>
			<li class="item-"><a href="#AnnouncementWidget"><span>Текстовый виджет</span></a></li>
			<li class="item-"><a href="#AnnounceItemWidget"><span>Тема дня</span></a></li>
			<li class="item-"><a href="#TagsWidget"><span>Теги сообщества</span></a></li>
			<li class="item-"><a href="#MenuWidget"><span>Меню</span></a></li>
			<li class="item-"><a href="#VotesWidget"><span>Голосование</span></a></li>
			<!--li class="item-"><a href="#CmsMenuWidget"><span>CMS-меню</span></a></li-->
			<!--li class="item-"><a href="#HotDocumentWidget"><span>Горячая дискуссия</span></a></li-->
		</ul>

		<div class="preview-" id="FakeItem">
			<div class="desc- typography">
				<p>&nbsp;</p>
			</div>
		</div>

		<div class="preview-" id="LastCommentedItemsWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/lastcommenteditem.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Последние комментарии.</p>
				<p>Специальный особенны виджет форумного типа помогающий следить за идущими дискуссиями.</p>
			</div>
		</div>

		<div class="preview-" id="LastDocsWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/feed.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Этот виджет показывает последние созданные документы.</p>
			</div>
		</div>

		<div class="preview-" id="UserListWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/userlist.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>А этот виджет показывает последних зарегистрированных пользователей.</p>
			</div>
		</div>

		<div class="preview-" id="GalleryWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/gallery.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Специальный виджет для демонстрации красивых картинок.</p>
			</div>
		</div>

		<div class="preview-" id="FilesWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/files.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>если вы хотите выкладывать в сообществе файлы — например новые версии дистрибутивов, то это виджет как раз для вас.</p>
			</div>
		</div>

		<div class="preview-" id="CalendarWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/calendar.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Календарь позволяет следить за жизнью в сообществе.</p>
			</div>
		</div>

		<div class="preview-" id="StatsWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/stats.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Статистика сообщества: Сколько записей, сколько комментариев, сколько пользователей.</p>
			</div>
		</div>

		<div class="preview-" id="AnnouncementWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/announcement.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Специальный виджет для объявлений.</p>
			</div>
		</div>

		<div class="preview-" id="AnnounceItemWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/announceitem.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>С помощью этой штуки можно пропиарить какю-то запись.</p>
			</div>
		</div>

		<div class="preview-" id="TagsWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/tagswidget.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Облако тегов сообщества.</p>
			</div>
		</div>

		<div class="preview-" id="MenuWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/menu.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Дополнительное меню, специально для извращенцев.</p>
			</div>
		</div>

		<div class="preview-" id="VotesWidget">
			<!--img src="{{!static type='images' 'widgets-gallery/votes.gif'}}" alt="" class="img-" /-->
			<div class="desc- typography">
				<p>Хотите узнать мнение пользователей по какому-то вопросу? Вот вам механизм голосований.</p>
			</div>
		</div>

		<!--div class="preview-" id="CmsMenuWidget">
			<img src="{{!static type='images' 'widgets-gallery/cmsmenu.gif'}}" alt="" class="img-" />
			<div class="desc- typography">
				<p>Честно говоря смутно представляю что это такое и на кой черт нужно.</p>
			</div>
		</div-->

		<!--div class="preview-" id="HotDocumentWidget">
			<img src="{{!static type='images' 'widgets-gallery/hotdocument.gif'}}" alt="" class="img-" />
			<div class="desc- typography">
				<p>Записи которые активно обсуждают.</p>
			</div>
		</div-->
	</div>

	</div></div></div></div>
	<ul class="buttons-">
		<li class="accept-"><input type="button" value="Добавить" /></li>
		<li class="neutral-"><input type="button" value="Отмена" /></li>
	</ul>
</div></div>